<template>
  <div>
    <el-transfer
      v-model="value4"
      :props="{
      key: 'value',
      label: 'desc'
    }"
      :data="data3">
    </el-transfer>
    <el-transfer v-model="value1" :data="data"></el-transfer>
  </div>

</template>

<script>
  export default {
    data() {
      const generateData = _ => {
        const data = [];
        for (let i = 1; i <= 15; i++) {
          data.push({
            key: i,
            label: `备选项 ${ i }`,
            disabled: i % 4 === 0
          });
        }
        return data;
      };
      const generateData3 = _ => {
        const data = [];
        for (let i = 1; i <= 15; i++) {
          data.push({
            value: i,
            desc: `备选项 ${ i }`,
            disabled: i % 4 === 0
          });
        }
        return data;
      };
      return {
        data3: generateData3(),
        value4: [],
        data: generateData(),
        value1: [1, 4]
      };
    }
  };
</script>
<style scoped>

  @import url("//unpkg.com/element-ui@2.0.11/lib/theme-chalk/index.css");

</style>
